<template>
    <div id="cont2" class="part">
        <h2>UiSelectAddress 地址选择</h2>
        <h4>基础用法</h4>
        <div class="component_item">
            <div class="p_20">
                <p>选择地址：<UiSelectAddress v-model="data.address" /></p>
            </div>
<pre class="code top_no_radius" v-pre>
&lt;template&gt;
    &lt;p&gt;选择地址: &lt;UiSelectAddress v-model="data.address" /&gt;&lt;/p&gt;
&lt;/template&gt;

&lt;script setup&gt;
import { reactive } from 'vue';
import {UiSelectAddress} from 'yong-ui'
const data = reactive({
    address: []
})
&lt;/script&gt;
</pre>
        </div>
        <h4>带默认值</h4>
        <div class="component_item">
            <div class="p_20">
                <p>选择地址：<UiSelectAddress v-model="address" /></p>
            </div>
<pre class="code top_no_radius">
    &lt;p>选择地址：&lt;UiSelectAddress v-model="address" />&lt;/p>
    &lt;script setup>
        import { ref } from 'vue';
        import {UiSelectAddress} from 'yong-ui'
        const address = ref(['广东省', '深圳市', '南山区'])
    &lt;/script>
</pre>
        </div>
    </div>
</template>
<script setup>
import { reactive, ref } from 'vue';
import { UiSelectAddress } from 'yong-ui'
const address = ref(['广东省', '深圳市', '南山区'])
const data = reactive({
    address: []
})
</script>